<template>
	<!-- 选购指南 -->
	<view class="box p20">
		<view class="title c3 fs28 df aic mb20">
			<view class="title-icon mr10"></view>商家承诺
		</view>
		<!-- <u-read-more ref="uReadMore" font-size="26" text-indent="0" close-text="展开" :toggle="true" show-height="200"> -->
			<view class="df aic fww mt20">
				<view class="ml20 mb20" v-for="item in info.promise">
					<view class=" item">{{item}}</view>
				</view>
			</view>
		<!-- </u-read-more> -->
	</view>
</template>

<script>
	export default {
		props: ['info'],

		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.box {
		border-radius: 20rpx;
		margin: 20rpx 30rpx;
		background-color: white;
		font-size: 24rpx;
		font-family: PingFangSC-Regular-, PingFangSC-Regular;
		font-weight: normal;

		.item {
			// border-bottom: 2rpx solid #E5E5E5;
			padding: 10rpx;
			font-weight: bold;
			font-size: 24rpx;
			color: #FFFFFF;
			background: #48A147;
			border-radius: 10rpx;
		}

		.title {
			font-family: PingFang SC-Bold, PingFang SC;
			font-weight: bold;

			.title-icon {
				width: 6rpx;
				height: 30rpx;
				background: #47A848;
				border-radius: 3rpx 3rpx 3rpx 3rpx;
			}

			margin-bottom: 0;
		}

		.desc {
			color: #666666;
		}

		.value {
			color: #333333;
		}

	}
</style>